<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>欢迎来到个人技术博客 - 个人技术博客</title>
    <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
    <link href="css/style.css" type="text/css" rel="stylesheet">
    <link href="css/nprogress.css" type="text/css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js" type="text/javascript"></script>
    <script src="js/respond.min.js" type="text/javascript"></script>
    <script src="js/selectivizr-min.js" type="text/javascript"></script>
    <![endif]-->
    <link rel="apple-touch-icon-precomposed" href="images/icon/icon.png">
    <link rel="shortcut icon" href="images/icon/favicon.ico">
    <meta name="Keywords" content=""/>
    <meta name="description" content=""/>

</head>

<body>
<div id="app">
    <section class="container user-select">
        <header id="appkind">
            <div class="hidden-xs header">
                <!--超小屏幕不显示-->
                <div>
                    <div style="margin-left: 15px;">
                        <ul class="nav hidden-xs-nav">
                            <li><a><img class="img-thumbnail" v-bind:src="listArticle.user.user_userface" style="width: 122px;height: 122px;" alt=""></a></li>
                            <li><a>昵称：{{listArticle.user.user_nickname}}</a></li>
                            <li><a>等级：{{listArticle.user.userLevel.level_name}}</a></li>
                            <li><a>积分：{{listArticle.user.user_score}}</a></li>
                            <li><a>浏览：{{listArticle.article_pageView}}</a></li>
                            <li><a>点赞：{{listArticle.article_artileClickSum}}</a></li>
                        </ul>

                    </div>

                </div>
            </div>
            <!--/超小屏幕不显示-->
            <div class="visible-xs header-xs">
                <!--超小屏幕可见-->
                <div class="navbar-header header-xs-logo">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#header-xs-menu"
                            aria-expanded="false" aria-controls="navbar"><span
                            class="glyphicon glyphicon-menu-hamburger"></span></button>
                </div>
                <div id="header-xs-menu" class="navbar-collapse collapse">
                    <div>
                        <div style="margin-left: 15px;">
                            <ul class="nav hidden-xs-nav">
                                <li><a><img class="img-thumbnail" v-bind:src="listArticle.user.user_userface" style="width: 122px;height: 122px;" alt=""></a></li>
                                <li><a>昵称：{{listArticle.user.user_nickname}}</a></li>
                                <li><a>等级：{{listArticle.user.userLevel.level_name}}</a></li>
                                <li><a>积分：{{listArticle.user.user_score}}</a></li>
                                <li><a>浏览：{{listArticle.article_pageView}}</a></li>
                                <li><a>点赞：{{listArticle.article_artileClickSum}}</a></li>
                            </ul>
                            <div  class="zambia">
                                <a style="background-color: #00C0F7" id="dianjiguanzhu" @click="guanzhuup" href="javascript:;" name="zambia" rel=""><span class="glyphicon glyphicon-thumbs-up"></span>
                                    {{zhu}}</a>
                            </div>
                        </div>

                    </div>
                    <form class="navbar-form" action="search.php" method="post" style="padding:0 25px;">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="请输入关键字">
                            <span class="input-group-btn">
									<button class="btn btn-default btn-search" type="submit">搜索</button>
								</span></div>
                    </form>
                </div>
            </div>
        </header>
        <!--/超小屏幕可见-->
        <div class="content-wrap">
            <!--内容-->
            <div class="content">
                <ul class="nav nav-tabs">
                    <li><a href="index.html"><span class="glyphicon glyphicon-home"></span>&emsp;首页</a></li>
                    <li><a href="about.html"><span class="glyphicon glyphicon-user"></span>&emsp;个人中心</a></li>
                    <li><a href="addArticle.html"><span class="glyphicon glyphicon-erase"></span>&emsp;发表文章</a></li>
                    <li><a href="friendly.html"><span class="glyphicon glyphicon-tags"></span>&emsp;友情链接</a></li>
                </ul>
                <header class="news_header">
                    <h2>欢迎来到我的博客</h2>
                    <ul>
                        <li>{{listArticle.user.user_nickname}} 发布于 {{listArticle.article_publishDate}}</li>
                        <li>共 <strong>{{listArticle.article_pageView}}</strong> 人围观</li>
                        <li><strong>{{listArticle.article_artileClickSum}}</strong> 人点赞</li>
                        <div  class="zambia">
                            <a style="background-color: #00C0F7" id="dianjishoucang" @click="shoucangup" href="javascript:;" name="zambia" rel=""><span class="glyphicon glyphicon-thumbs-up"></span>
                                {{cang}}</a>
                        </div>
                    </ul>
                </header>
                <article class="news_content">
                    <h3 v-text="listArticle.article_title" style="text-align: center;"></h3>
                    <p v-html="listArticle.article_mdContent"></p>
                </article>
                <div class="reprint">转载请说明出处<a href="" title="" target="_blank"></a><a href="" title=""
                                                                                       target="_blank"></a></div>
                <div  class="zambia">
                    <a id="dianjidianzhan" @click="dianzhan" href="javascript:;" name="zambia" rel=""><span class="glyphicon glyphicon-thumbs-up"></span>
                        {{dian}}</a>
                </div>
                <div class="tags news_tags">标签： <span data-toggle="tooltip" data-placement="bottom" title="查看关于 本站 的文章"><a
                        href="">本站</a></span>
                    <span data-toggle="tooltip" data-placement="bottom" title="查看关于 技术博客 的文章"><a href="">技术博客</a></span>
                </div>
                <nav class="page-nav"> <span @click="conprev" class="page-nav-prev">{{aprev}}<br/>
							<a href="" rel="prev"></a></span> <span @click="connext" class="page-nav-next">{{anext}}<br/>
							<a href="" rel="next"></a></span></nav>

                <div class="content-block comment">
                    <h2 class="title"><strong>评论</strong></h2>
                    <form  class="form-inline" id="comment-form">
                        <!--<div class="comment-title">-->
                            <!--<div class="form-group">-->
                                <!--<label for="commentName">昵称：</label>-->
                                <!--<input type="text" name="commentName" class="form-control" id="commentName"-->
                                       <!--placeholder="技术博客">-->
                            <!--</div>-->
                            <!--<div class="form-group">-->
                                <!--<label for="commentEmail">邮箱：</label>-->
                                <!--<input type="email" name="commentEmail" class="form-control" id="commentEmail"-->
                                       <!--placeholder="admin@xxxx.com">-->
                            <!--</div>-->
                        <!--</div>-->
                        <div class="comment-form">
                            <textarea placeholder="你的评论可以一针见血" id="commentContent"></textarea>
                            <div class="comment-form-footer">
                                <div class="comment-form-btn">
                                    <button  class="btn btn-default btn-comment" @click="saveComment">提交评论</button>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="comment-content">
                        <ul>
                            <li v-for="lcm in commentAll"><span class="face"><img v-bind:src="lcm.users.user_userface"
                                                                                  alt=""></span> <span
                                    class="text"><strong>{{lcm.users.user_nickname}}</strong>
										({{lcm.comment_date}}) 说：<br/>
										{{lcm.comment_coumtent}}</span></li>

                        </ul>
                    </div>
                </div>

                <div class="content-block  visible-lg visible-md">
                    <h2 class="title"><strong>相关推荐</strong></h2>
                    <div class="news-list" v-for="la in listArticlexgtj">
                        <div class="news-img col-xs-12 col-sm-12 col-md-12">
                            <dl>
                                <dt> <a @click="content(la)" target="_blank" v-text=""> {{la.article_title}} </a> </dt>
                                <dd class="text">{{la.article_summary}}</dd>
                                <span class="identity"></span>
                                <span class="time"> {{la.article_publishDate}} &nbsp;&nbsp;&nbsp;&nbsp; 共 <strong>{{la.article_pageView}}</strong> 人围观</span>
                            </dl>
                        </div>
                    </div>



            </div>
        </div>
        <!--/内容-->
        <aside class="sidebar visible-lg" >
            <!--右侧>992px显示-->
            <div class="sentence"> <strong>每日一句</strong>
                <h2>{{randtime}}</h2>
                <p>{{randNote.note_statement}}</p>
            </div>
            <div id="search" class="sidebar-block search" role="search">
                <h2 class="title"><strong>搜索</strong></h2>
                <form class="navbar-form" action="search.php" method="post">
                    <div class="input-group">
                        <input type="text" class="form-control" size="35" placeholder="请输入关键字">
                        <span class="input-group-btn">
								<button class="btn btn-default btn-search" type="submit">搜索</button>
							</span> </div>
                </form>
            </div>
            <div>
                <div class="sidebar-block recommend">
                    <h2 class="title"><strong>热门推荐</strong></h2>
                    <ul>
                        <li v-for="hotac in listHotArticle"><a target="_blank" href="" @click="content(hotac)">
                            <!-- <span class="thumb"><img src="images/icon/icon.png" alt=""></span> -->
                            <span class="text">{{hotac.article_title}}</span> <span class="text-muted">阅读({{hotac.article_pageView}})</span></a></li>
                    </ul>
                </div>
                <div class="sidebar-block comment">
                    <h2 class="title"><strong>最新文章</strong></h2>
                    <ul>
                        <li data-toggle="tooltip" data-placement="top" v-for="newac in listNewArticle" v-bind:title="newac.article_title"
                            @click="content(newac)">
                            <a target="_blank" href="">{{newac.article_publishDate}}
                                <span class="text"><strong>{{newac.article_summary}}</strong> <br /></span></a></li>

                    </ul>
                </div>
            </div>
        </aside>
    </section>
</div>
<div><a href="javascript:;" class="gotop" style="display:none;"></a></div>
<!--/返回顶部-->
<script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="js/nprogress.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/vue.js"></script>

</body>
<script src="desk/js/content.js"></script>
</html>
